<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>image-marking-test.html</title>
    <style id="infoUserStyleForGnys">
        h3 {
            color: #e80c0c;
        }
        #markerBox > .marker > .info-user {
            width: 128px;
        }
    </style>
</head>
<body>
<div id="banner">
    <p>Hello world.</p>
</div>
<div id="wallLeft">
    <p>Hello world, again.</p>
</div>
<div id="imDir">
    <iframe src="image-marking.html" frameborder="0"></iframe>
    <div style="display: none;" id="tipHtml0">
        <h3>自定义代码</h3>
        <h4 style="color: #fff;"></h4>
        <a href="javascript:void(0)" onclick="alert(3.1415926)">点我告诉你 PI</a>
    </div>
</div>
<div id="imDirCtrl">
</div>
<div id="imDirCtrl2">
    <a href="javascript:void(0)" onclick="clearCoords()">清空坐标</a>
    <a href="javascript:void(0)" onclick="removeCoords()">移除坐标</a>
    <a href="javascript:void(0)" onclick="alignCenter()">居中对齐</a>
    <a href="javascript:void(0)" onclick="switchBadges()">切换标记</a>
</div>
<div id="locDir">
    <input type="text" id="userCoords" readonly="readonly" style="width: 256px;"/>
    <a href="javascript:void(0)" onclick="openCoordsPicker()">选取坐标</a>
    <p class="iCheck checked" name="theOption" value="ljbj">立即标记</p>
    <p class="iRadio" name="maxCoordsSize" value="-1">-1</p>
    <p class="iRadio" name="maxCoordsSize" value="0">0</p>
    <p class="iRadio checked" name="maxCoordsSize" value="1">1</p>
    <p class="iRadio" name="maxCoordsSize" value="2">2</p>
    <p class="iRadio" name="maxCoordsSize" value="3">3</p>
</div>
<div id="coordsPicker">
    <div>
        <div class="close-btn" onclick="closeCoordsPicker()"></div>
        <iframe src="image-marking.html" frameborder="0"></iframe>
        <div class="btnBox">
            <div class="inner">
                <p class="yes" onclick="updateUserCoords()">确定</p>
                <p class="no" onclick="closeCoordsPicker()">取消</p>
            </div>
        </div>
    </div>
</div>
<div id="rwDemo">
    <input type="hidden" id="rwDemoCoords"/>
    <a href="javascript:void(0)" onclick="open_rwDemoRead()">读写演示-读</a>
    <a href="javascript:void(0)" onclick="open_rwDemoWrite()">读写演示-写</a>
</div>
<div id="rwDemoRead">
    <div>
        <div class="close-btn" onclick="close_rwDemoRead()"></div>
        <iframe src="image-marking.html" frameborder="0"></iframe>
    </div>
</div>
<div id="rwDemoWrite">
    <div>
        <div class="close-btn" onclick="close_rwDemoWrite()"></div>
        <iframe src="image-marking.html" frameborder="0"></iframe>
    </div>
</div>
<script src="3rd/common-pure/common-pure.js"></script>
<link rel="stylesheet" href="image-marking-test.css"/>
<script src="image-marking-test.js"></script>
</body>
</html>